<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>武汉工商学院2025年数字经济（数字媒体运营）专业介绍</title>
    <style>
        /* 通用样式 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "STXingkai", "华文行楷", "楷体", cursive, sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            font-size: 16px;
            line-height: 1.5;
        }
        
        .content {
            display: flex;
            flex-direction: column;
            align-items: center;
            min-height: 100vh;
            background-color: #f5f5f5;
            position: relative;
            overflow-y: auto;
            overflow-x: hidden;
            padding: 0;
            padding-bottom: 30px;
        }

        /* 顶部背景图 */
        .head-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            height: 150px;
        }

        /* 页面标题 */
        .page-title {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 30px 15px 15px;
            position: relative;
            z-index: 2;
        }

        .title-text {
            font-size: 20px;
            font-weight: bold;
            color: #ffffff;
            margin-bottom: 5px;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
            text-align: center;
            width: 100%;
        }

        /* 加载中样式 */
        .loading-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 50px 0;
            width: 100%;
        }

        .loading-spinner {
            width: 30px;
            height: 30px;
            border: 3px solid #f3f3f3;
            border-top: 3px solid #135e33;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin-bottom: 10px;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .loading-text {
            font-size: 14px;
            color: #666;
        }

        /* 文章容器样式 */
        .article-container {
            width: 100%;
            position: relative;
            z-index: 2;
            background-color: #ffffff;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            padding: 15px;
            margin-top: 15px;
        }

        .article-content {
            width: 100%;
            padding-bottom: 10px;
        }

        .article-section {
            margin-bottom: 15px;
            position: relative;
        }

        .article-item {
            margin-bottom: 20px;
            display: flex;
            flex-direction: column;
        }

        .item-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 15px;
            text-align: center;
            display: block;
            width: 100%;
            position: relative;
            color: #135e33;
        }

        /* 优势特色列表样式 */
        .advantage-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .advantage-item {
            background-color: #f8f8f8;
            padding: 10px;
            border-radius: 6px;
            border-left: 4px solid #135e33;
        }

        .advantage-text {
            font-size: 14px;
            color: #333;
            line-height: 1.6;
        }

        /* 专业介绍文本样式 */
        .intro-content {
            background-color: #f0f8ff;
            padding: 15px;
            border-radius: 8px;
            margin-top: 10px;
        }

        .intro-text {
            font-size: 14px;
            color: #333;
            line-height: 1.8;
            text-align: justify;
        }

        /* 图片展示样式 */
        .image-duo {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
        }

        .duo-item {
            width: calc(50% - 5px);
            border-radius: 6px;
            overflow: hidden;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
        }

        .duo-image {
            width: 100%;
            height: 150px;
            object-fit: cover;
        }

        .caption-text {
            font-size: 12px;
            color: #666;
            text-align: center;
            margin: 5px 0 15px;
        }

        /* 内容框样式 */
        .content-box {
            background-color: #f8f8f8;
            padding: 15px;
            border-radius: 8px;
            border-left: 4px solid #135e33;
        }

        .content-text {
            font-size: 14px;
            color: #333;
            line-height: 1.8;
            text-align: justify;
        }

        /* 课程部分样式 */
        .course-section {
            width: 100%;
            margin-bottom: 15px;
        }

        .section-title {
            font-size: 16px;
            color: #135e33;
            font-weight: bold;
            margin-bottom: 10px;
            display: block;
        }

        .course-list {
            background-color: #f8f8f8;
            padding: 10px;
            border-radius: 6px;
            border-left: 4px solid #135e33;
        }

        .course-text {
            font-size: 14px;
            color: #333;
            line-height: 1.8;
            text-align: justify;
        }

        /* 证书部分样式 */
        .cert-section {
            width: 100%;
            margin-bottom: 20px;
        }

        .cert-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .cert-item {
            background-color: #f8f8f8;
            padding: 10px;
            border-radius: 6px;
            border-left: 4px solid #135e33;
        }

        .cert-text {
            font-size: 14px;
            color: #333;
            line-height: 1.6;
        }

        /* 专业选科要求样式 */
        .requirement-section {
            margin-top: 10px;
        }

        .requirement-group {
            margin-bottom: 15px;
        }

        .requirement-title {
            font-size: 16px;
            color: #135e33;
            font-weight: bold;
            margin-bottom: 10px;
            display: block;
        }

        .requirement-content {
            background-color: #f8f8f8;
            padding: 10px;
            border-radius: 6px;
            border-left: 4px solid #135e33;
        }

        .requirement-text {
            font-size: 14px;
            color: #333;
            line-height: 1.8;
        }
        
        /* 手机样式适配 */
        @media screen and (max-width: 768px) {
            .content {
                padding: 0;
                padding-bottom: 20px;
            }
            
            .title-text {
                font-size: 18px;
            }
            
            .article-container {
                padding: 10px;
                margin-top: 10px;
            }
            
            .item-title {
                font-size: 16px;
            }
            
            .intro-text, .content-text, .course-text, .cert-text, .advantage-text {
                font-size: 14px;
            }
        }
    </style>
</head>
<body>
    <div class="content">
        <!-- 顶部背景图 -->
        <img class="head-bg" src="https://static.taoyunai.com/tonul/imgs/index-head-bg.png" alt="背景图">

        <!-- 页面标题 -->
        <div class="page-title">
            <h1 class="title-text">武汉工商学院2025年数字经济（数字媒体运营）专业介绍</h1>
        </div>

        <!-- 加载中提示 -->
        <div class="loading-container" id="loading">
            <div class="loading-spinner"></div>
            <div class="loading-text">加载中...</div>
        </div>

        <!-- 文章容器 -->
        <div class="article-container" id="article" style="display: none;">
            <div class="article-content">
                <div class="article-section">
                    <!-- 优势特色部分 -->
                    <div class="article-item">
                        <h2 class="item-title">优势特色</h2>
                        <div class="advantage-list">
                            <div class="advantage-item">
                                <p class="advantage-text">◆湖北省数字商务与管理优势特色学科（群）</p>
                            </div>
                            <div class="advantage-item">
                                <p class="advantage-text">◆教育部定向人才培养培训项目</p>
                            </div>
                            <div class="advantage-item">
                                <p class="advantage-text">◆教育部产学合作协同育人项目</p>
                            </div>
                            <div class="advantage-item">
                                <p class="advantage-text">◆省级重点实验教学示范中心</p>
                            </div>
                            <div class="advantage-item">
                                <p class="advantage-text">◆省级虚拟仿真实验教学中心</p>
                            </div>
                            <div class="advantage-item">
                                <p class="advantage-text">◆中国高水平应用型专业</p>
                            </div>
                        </div>
                    </div>

                    <!-- 专业介绍部分 -->
                    <div class="article-item">
                        <div class="intro-content">
                            <p class="intro-text">专业围绕"数字中国"重大发展战略，以数字湖北战略规划及数字经济背景下技术集成创新与产业深度融合为导向，以数字商务与管理优势特色学科（群）为平台，挖掘学生发展潜力；以教育部产学合作协同育人项目为依托，拓展学生双创能力；以教育部定向人才培养培训项目为抓手，提升学生就业实力，培养数字媒体运营及商务大数据挖掘与分析应用型专门人才。</p>
                        </div>
                    </div>

                    <!-- 2022年教育部产学协同育人项目 -->
                    <div class="image-duo">
                        <div class="duo-item">
                            <img
                                class="duo-image"
                                src="https://static.taoyunai.com/tonul/imgs/num/yr22-1.png"
                                alt="2022年教育部产学协同育人项目1"
                            >
                        </div>
                        <div class="duo-item">
                            <img
                                class="duo-image"
                                src="https://static.taoyunai.com/tonul/imgs/num/yr22-2.png"
                                alt="2022年教育部产学协同育人项目2"
                            >
                        </div>
                    </div>
                    <p class="caption-text">▲ 2022年教育部产学协同育人项目</p>

                    <!-- 2023年、2024年教育部产学协同育人项目 -->
                    <div class="image-duo">
                        <div class="duo-item">
                            <img
                                class="duo-image"
                                src="https://static.taoyunai.com/tonul/imgs/num/yr23-1.png"
                                alt="2023年教育部产学协同育人项目1"
                            >
                        </div>
                        <div class="duo-item">
                            <img
                                class="duo-image"
                                src="https://static.taoyunai.com/tonul/imgs/num/yr23-2.png"
                                alt="2023年教育部产学协同育人项目2"
                            >
                        </div>
                    </div>
                    <p class="caption-text">▲2023年、2024年教育部产学协同育人项目</p>

                    <!-- 创新创业项目 -->
                    <div class="image-duo">
                        <div class="duo-item">
                            <img
                                class="duo-image"
                                src="https://static.taoyunai.com/tonul/imgs/num/cx22-1.png"
                                alt="创新创业项目1"
                            >
                        </div>
                        <div class="duo-item">
                            <img
                                class="duo-image"
                                src="https://static.taoyunai.com/tonul/imgs/num/cx22-2.png"
                                alt="创新创业项目2"
                            >
                        </div>
                    </div>
                    <p class="caption-text">▲2022年大学生创新创业省级项目与2021年大学生创新创业校级重点项目</p>

                    <!-- 竞赛获奖 -->
                    <div class="image-duo">
                        <div class="duo-item">
                            <img
                                class="duo-image"
                                src="https://static.taoyunai.com/tonul/imgs/num/jc24-1.png"
                                alt="竞赛获奖1"
                            >
                        </div>
                        <div class="duo-item">
                            <img
                                class="duo-image"
                                src="https://static.taoyunai.com/tonul/imgs/num/jc24-2.png"
                                alt="竞赛获奖2"
                            >
                        </div>
                    </div>
                    <p class="caption-text">▲2024年全国高校商业精英挑战赛创新创业竞赛国赛三等奖与2024第十三届"挑战杯"大学生创业计划竞赛省级铜奖</p>

                    <!-- 数据处理技能大赛 -->
                    <div class="image-duo">
                        <div class="duo-item">
                            <img
                                class="duo-image"
                                src="https://static.taoyunai.com/tonul/imgs/num/ds24-1.png"
                                alt="数据处理技能大赛1"
                            >
                        </div>
                        <div class="duo-item">
                            <img
                                class="duo-image"
                                src="https://static.taoyunai.com/tonul/imgs/num/ds24-2.png"
                                alt="数据处理技能大赛2"
                            >
                        </div>
                    </div>
                    <p class="caption-text">▲2024第三届全国财经大数据处理综合技能大赛冠军赛团队二等奖与2024第三届全国大学生数字贸易综合技能大赛省赛二等奖</p>

                    <!-- OCALE竞赛 -->
                    <div class="image-duo">
                        <div class="duo-item">
                            <img
                                class="duo-image"
                                src="https://static.taoyunai.com/tonul/imgs/num/zd24-1.png"
                                alt="OCALE竞赛1"
                            >
                        </div>
                        <div class="duo-item">
                            <img
                                class="duo-image"
                                src="https://static.taoyunai.com/tonul/imgs/num/zd24-2.png"
                                alt="OCALE竞赛2"
                            >
                        </div>
                    </div>
                    <p class="caption-text">▲2023年第九届OCALE全国跨境电商创新创业能力大赛省级一等奖与2023年正大杯第十三届全国大学生市场调查大赛省赛三等奖</p>

                    <!-- 金融挑战赛 -->
                    <div class="image-duo">
                        <div class="duo-item">
                            <img
                                class="duo-image"
                                src="https://static.taoyunai.com/tonul/imgs/num/jr23-1.png"
                                alt="金融挑战赛1"
                            >
                        </div>
                        <div class="duo-item">
                            <img
                                class="duo-image"
                                src="https://static.taoyunai.com/tonul/imgs/num/jr23-2.png"
                                alt="金融挑战赛2"
                            >
                        </div>
                    </div>
                    <p class="caption-text">▲2022年全国大学生金融挑战赛省赛一等奖与2024年全国大学生金融挑战赛省赛二等奖</p>

                    <!-- 培养目标 -->
                    <div class="article-item">
                        <h2 class="item-title">培养目标</h2>
                        <div class="content-box">
                            <p class="content-text">数字经济专业分设数字媒体运营方向和商务大数据分析方向，培养具有德智体美劳全面发展，掌握经济学、管理学、统计学、计算机科学的基础理论知识和现代经济学的基本方法及数字技能，具有良好的专业素养，较强实践能力和创新意识，适应地方区域经济发展需要，能在企业、金融机构、政府机构等从事产业数字化规划与转型建设、数字媒体运营、商务大数据挖掘与分析的高素质应用型专门人才。</p>
                        </div>
                    </div>

                    <!-- 核心课程 -->
                    <div class="article-item">
                        <h2 class="item-title">核心课程</h2>
                        <div class="course-section">
                            <h3 class="section-title">核心课程</h3>
                            <div class="course-list">
                                <p class="course-text">微观经济学、宏观经济学、统计学、计量经济学、数字经济学、平台经济学、Python 程序设计、数据可视化工具及应用</p>
                            </div>
                        </div>

                        <div class="course-section">
                            <h3 class="section-title">特色课程</h3>
                            <div class="course-list">
                                <p class="course-text">数字治理、数字贸易、数字金融、区块链金融、Python大数据分析与挖掘、经济数据数量化分析、经济大数据分析综合实训、新媒体运营、期货投资实务、大数据财务、数字媒体管理、数字营销、跨境电商实务</p>
                            </div>
                        </div>
                    </div>

                    <!-- 就业方向 -->
                    <div class="article-item">
                        <h2 class="item-title">就业方向</h2>
                        <div class="content-box">
                            <p class="content-text">在区块链、人工智能、数智互联、数字媒体等新兴领域及金融机构、电子商务、企事业单位从事数字媒体运营、商务大数据挖掘与分析、数字化转型建设、金融量化分析及经济决策分析等工作。</p>
                        </div>
                    </div>

                    <!-- 参与赛事及证书规划 -->
                    <div class="article-item">
                        <h2 class="item-title">参与赛事及证书规划</h2>
                        
                        <!-- 学科竞赛证书部分 -->
                        <div class="cert-section">
                            <h3 class="section-title">学科竞赛证书</h3>
                            <div class="cert-list">
                                <div class="cert-item">
                                    <p class="cert-text">中国"互联网+"大学生创新创业大赛</p>
                                </div>
                                <div class="cert-item">
                                    <p class="cert-text">"挑战杯"全国大学生课外学术科技作品竞赛</p>
                                </div>
                                <div class="cert-item">
                                    <p class="cert-text">"挑战杯"全国大学生创业计划大赛</p>
                                </div>
                                <div class="cert-item">
                                    <p class="cert-text">大学生创新创业训练计划项目</p>
                                </div>
                                <div class="cert-item">
                                    <p class="cert-text">"新道数智人才杯"全国大学生区块链应用技能大赛</p>
                                </div>
                                <div class="cert-item">
                                    <p class="cert-text">全国大学生能源经济学术创意大赛</p>
                                </div>
                                <div class="cert-item">
                                    <p class="cert-text">"中金所杯"全国大学生金融知识大赛</p>
                                </div>
                                <div class="cert-item">
                                    <p class="cert-text">"东方财富杯"金融挑战赛</p>
                                </div>
                            </div>
                        </div>

                        <!-- 行业认证证书部分 -->
                        <div class="cert-section">
                            <h3 class="section-title">行业认证证书</h3>
                            <div class="cert-list">
                                <div class="cert-item">
                                    <p class="cert-text">数字经济分析师证书</p>
                                </div>
                                <div class="cert-item">
                                    <p class="cert-text">CDA数据分析师证书</p>
                                </div>
                                <div class="cert-item">
                                    <p class="cert-text">BDA数据分析师资格证书</p>
                                </div>
                                <div class="cert-item">
                                    <p class="cert-text">CISP-DSG注册数据安全治理专业人员证书</p>
                                </div>
                                <div class="cert-item">
                                    <p class="cert-text">CFA特许金融分析师证书</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 专业选科要求 -->
                    <div class="article-item">
                        <h2 class="item-title">专业选科要求</h2>
                        <div class="requirement-section">
                            <div class="requirement-group">
                                <h3 class="requirement-title">新高考改革省份</h3>
                                <div class="requirement-content">
                                    <p class="requirement-text">首选物理，再选不限</p>
                                </div>
                            </div>
                            <div class="requirement-group">
                                <h3 class="requirement-title">其他省份</h3>
                                <div class="requirement-content">
                                    <p class="requirement-text">文理兼收</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        // 模拟加载过程
        window.onload = function() {
            setTimeout(function() {
                document.getElementById('loading').style.display = 'none';
                document.getElementById('article').style.display = 'block';
            }, 1000);
        };
    </script>
</body>
</html> 